<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/bannerList.css">
	</head>

	<body>

		<div class="banner">
			<ul class="">
				<li style="background:url(img/img1.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(img/img2.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(img/img3.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(img/img4.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(img/img5.jpg) 50% 0 no-repeat;"></li>
			</ul>
			<div class="left-btn"></div>
			<div class="right-btn"></div>
			<div class="img-btn-list"></div>
		</div>

		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script src="js/bannerList.js"></script>
		<script>
			/*=======================
						调用方法：
						 传递参数方法如下：
						 对象1：banner最大容器====================必填
						 对象2：banner======>按钮父容器============必填
						 对象3，4：banner====>左右按钮对象名===========必填
						 对象5：banner滚动时间==================>可选项=======>默认为2000
						 对象6：是否需要自动轮播需要==========true============不需要false:必填
						=============================*/

			bannerListFn(
				$(".banner"),
				$(".img-btn-list"),
				$(".left-btn"),
				$(".right-btn"),
				2000,
				true
			);
		</script>

	</body>

</html>